page{
	background: #F5F6FA;
}

.top{
	position: fixed;
	padding-top: 120rpx;
	font-weight: 600;
	font-size: 38rpx;
	color: #333333;
	line-height: 49rpx;
	 left: 30rpx
}


.class_h{
	display: flex;
	flex-direction: column;
	background-size: 100% 100%;
	padding-bottom: 220rpx;
	height: 90vh;
	position: relative;
}

.total{
	display: flex;
	flex-direction: column;
	margin-top: 20rpx;
	margin-left: 32rpx;
	margin-right: 32rpx;
	background-color: #fff;
	border-radius: 16rpx;
}

.effect_title{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding-top: 32rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.effect_t{
	font-weight: bold;
	font-size: 32rpx;
	color: rgba(0,0,0,0.9);
	/* line-height: 48rpx; */
}
.blood_top{
	display: flex;
	
	margin: 220rpx 32rpx 15rpx 32rpx;
}
.blood_sugar{
	width: 480rpx;
	height: 160rpx;
}

.blood_pressure{
	width: 196rpx;
	height: 160rpx;
}


.containers {
	display: flex;
	padding-top: 20rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	justify-content: center;
	align-items: center;
    /* width: 320px; */
	 flex-direction: column;
  /* 背景长胶囊 */
}

.capsule-bg {
  width: 100%;
  height: 36px;
  background-color: #ecf0f6;
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  padding: 3px;
  box-sizing: border-box;
}

.capsule {
  flex: 1;
  margin: 0 3px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  background-color: transparent;
  color: #333;
}

.capsule.active {
  background-color: #ffffff;
}

.time-range {
  margin-top: 10px;
  text-align: center;
  color: #333;
  background-color: #ecf0f6;
  padding: 15rpx;
  border-radius: 10rpx;
  }
  
  .report_text{
	  display: flex;
	  padding-top: 20rpx;
	  padding-left: 32rpx;
	  padding-right: 32rpx;
	  padding-bottom: 32rpx;
	  color: rgba(102, 102, 102, 1);
	  font-size: 14px;
	  line-height: 22px;


  }